@font-face{
    font-family: 'Arials';
    src : url('../font/ariblk.ttf');
}
.banner{position: relative;}
.bannerinner{position: absolute;top: 50%;left: 20%;transform: translateY(-50%) translateX(-20%);color: #fff;}
.bannerinner h2{font-size: 54px;line-height: 67px;margin-bottom: 30px;font-weight: bold;text-shadow: 3px 3px 3px #fff;color: #17479e;}
.bannerinner p{font-size: 14px;line-height: 24px;color: rgba(255,255,255,.7);}
.banner img{width: 100%;}

.banner .swiper-pagination .swiper-pagination-bullet{font-size: 18px;color: #fff;opacity: 1;}
.banner .swiper-pagination-bullet{background: transparent !important;width: auto;height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin-left: 20px !important;}
.banner .swiper-pagination-bullet:after{
    content:'';
    display: inline-block;
    width: 42px;
    height: 4px;
    background: #fff;
    vertical-align: middle;
    margin: 0 
}
.banner .swiper-pagination-bullet-active:after{
    width: 170px;
    height: 4px;
    margin: 0 5px;
    background: #17479e;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
    color:#17479e;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{margin-bottom: 40px;}
.swiper-button-next, .swiper-button-prev{
    background: rgba(23,71,158,.2);
    text-align: center;
    width: 32px;
    height: 95px;
    line-height: 95px;
    color: #fff;
    transform: translateY(-50%);
}
.swiper-button-prev:hover{
    background: #17479e;
}
.swiper-button-next:hover{
    background: #17479e;
}

.zyyw{background: #eaf1fb;padding: 80px 0;font-size: 0}
.i_tit h2 {position: relative;}
.i_tit h2 span{position: relative;display: inline-block;font-size: 30px;color: #17479e;font-weight: bold;font-family: Arials;padding-right: 22px;z-index: 5;background: #eaf1fb;
line-height: 36px;}
.i_tit h2 a{font-size: 12px;line-height: 36px;display: inline-block;float: right;color: #c6ccd4;z-index: 5;padding-left: 16px;position: relative;background: #eaf1fb;
font-family: Arials;font-weight: bold;}
.i_tit h2::before{content: '';display: block;width: 100%;height: 4px;background: #e2e5eb;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.i_tit h3{font-size: 18px}
.zyywlist{margin-top: 60px;}
.zyywlist li{float: left;margin-right: 0.66%;box-sizing: border-box;position: relative;background: #17479e;width: 100%;}
.zyywlist li:last-of-type{margin-right: 0;}
.zyywlist li img{width: 100%;}
.zyywlist .ywtxt{background: #fff;text-align: center;padding: 52px 0;}
.zyywlist .ywtxt h2{font-size: 20px;color: #282828;}
.zyywlist .ywtxt1 h2{font-size: 20px;color: #fff;}
.zyywlist .ywtxt span,.zyywlist .ywtxt1 span{font-size: 12px;color: #c3c3c3;line-height: 18px;display: block;height: 36px;}
.zyywlist .ywtxt1 p{font-size: 14px;color: #fff;margin-top: 52px;display: none;}
.zyywlist .ywtxt1{position: absolute;width: 100%;height: 0;left: 0;bottom:0;background: #fff;text-align: center;box-sizing: border-box;
transition: all .5s cubic-bezier(.35, .75, .55, 1) 0.1s;
-webkit-transition: all .5s cubic-bezier(.35, .75, .55, 1) .1s;
-moz-transition: all .5s cubic-bezier(.35, .75, .55, 1) .1s;
overflow: hidden;}
/* .zyywlist li:hover .ywtxt1{height: 100%;background: rgba(23,71,158,.9);padding: 0 40px;padding-top: 110px;}
.zyywlist li:hover .ywtxt{background: #17479e;}
.zyywlist li:hover .ywtxt h2{opacity: 0;}
.zyywlist li:hover .ywtxt span{opacity: 0;} */
.ywtxt1 i{display: block;width: 46px;height: 46px;line-height: 46px;background: #fff;border-radius: 50%;text-align: center;margin: 0 auto;margin-top: 70px;}

.xwdt{padding: 80px 0 70px 0;font-size: 0}
.xwdt .i_tit h2 span{background: #fff;}
.i_tit h2 a:hover{color: #17479e;}
.xwdt .i_tit h2 a{background: #fff;}

.xwdt .i_tit h2::before{background: #eceef1;}
.xwdtlb{margin-top: 80px;position: relative;text-align: center;}
.xwdtlb h3{font-size: 18px;color: #282828;line-height: 22px;width: 90%;height: 44px;text-align: left;}
.xwdtlb p{font-size: 14px;color: #999999;line-height: 22px;margin-top: 34px;border-bottom: 1px solid #dcdee2;padding-bottom: 40px;text-align: left;}
.xwdtlb em{font-size: 18px;line-height: 22px;font-weight: bold;font-family: Arials;padding: 30px 0 50px;display: block;text-align: left;}
.xwdtlb img{position: absolute;top: 78px;width: 100%;opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xwdtlb .swiper-slide:hover img{opacity: 1;}
.xwdtlb .swiper-slide:hover p{opacity: 0;}
.xwdtlb .swiper-slide:hover em{display: none}
.xwdtlb .swiper-button-next,.xwdtlb .swiper-button-prev{width: 27px;height: 27px;line-height: 27px;border: 1px solid #d4d4d4;border-radius: 50%;background: #fff;
color: #444;text-align: center;cursor: pointer;position: static;
display: inline-block;
vertical-align: middle;margin-top: 56px;}
.xwdtlb .swiper-button-prev{margin-right: 20px;}
.xwdtlb .swiper-button-prev:hover,.xwdtlb .swiper-button-next:hover{background: #17479e;color: #fff;}
.zyywlist .swiper-button-next,.zyywlist .swiper-button-prev,.subcont .zyywlist .swiper-pagination,.subcont .swiper-button-next, .swiper-button-prev{display: none;}


.subcont{padding-top: 46px;padding-bottom: 40px;background: #f4f9ff;font-size: 0;}
.subcont ul li{float: left;width:100%;box-sizing: border-box;margin-right: 8%;font-size: 0;padding-top: 40px;}
.subcont ul li:last-of-type{margin-right: 0;}
.subcont ul li span{display: inline-block;margin-right: 12%;width: 40%;}
.subcont ul li span img{width: 100%;}
.subcont ul li:hover i{background: #17479e;color: #fff;}
.subcont_txt{display: inline-block;width: 46%;vertical-align: top;margin-top: 43px;}
.subcont_txt h3{font-size: 20px;color: #000;}
.subcont_txt p{font-size: 12px;color: #ababab;line-height: 16px;text-transform:uppercase;margin-top: 16px;margin-left: 10px;}
.subcont_txt p::after{content: '';display: block;width: 18px;height: 2px;background: #17479e;margin-top: 26px;}
.subcont_txt i{display: block;width: 27px;height: 27px;line-height: 27px;background: #f4f9ff;border:1px solid #d3d3d3;border-radius: 50%;text-align: center;margin-top: 24px;
margin-left: 4px;}
.banner img:last-of-type{display: none;}